
<!DOCTYPE HTML>
<html>
 <head>
    
    <title>表单解析结果查看 Ueditor FormDesign Plugins -leipi.org</title>
    <meta name="keyword" content="ueditor formdesign plugins,ueditor扩展,web表单设计器,高级表单设计器,Leipi Form Design,web form设计器,web form designer">
    <meta name="description" content="javascript jquery ueditor php表单设计器实例演示与下载！">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="author" content="leipi.org">
    <link href="../bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="../css/site.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        var _root='http://formdesign.leipi.org/',_controller = 'index';
    </script>
     
<!-- json editor -->
<link rel="stylesheet" type="text/css" href="../css/jsoneditor.css">
<script type="text/javascript" src="../js/jsoneditor.js"></script>



 </head>
<body>

    
 

<div class="container">
<div class="page-header">
  <h1>这是Javascript解析表单结果<small>示例</small></h1>
</div>

<h2>控件数据 <small>观察解析是否正确，建议使用Chrome浏览器，查看本页</small></h2>
<div id="jsoneditor" style="width: 100%;height: 700px"></div>



</div><!--end container-->


<block name="footer_js">
<script type="text/javascript" >
    
//var parse_form = {"fields":"fields","template":"template","data":[{"name":"data_1","type":"text","title":"asdfd","value":"","leipiplugins":"text","orghide":"0","orgalign":"left","orgwidth":"150","orgtype":"text","style":"text-align: left; width: 150px;","content":"<input name=\"data_1\" type=\"text\" title=\"asdfd\" value=\"\" leipiplugins=\"text\" orghide=\"0\" orgalign=\"left\" orgwidth=\"150\" orgtype=\"text\" style=\"text-align: left; width: 150px;\"/>"}],"add_fields":{"data_1":{"name":"data_1","leipiplugins":"text"}}};

 var parse_form = {"fields":"fields",
         "template":"template",
         "parse":"template_parse",
         "data":["template_data"],
         "add_fields":{"template_parse":"add_fields"}}; 
 

var container = document.getElementById('jsoneditor');
  var options = {
    mode: 'tree',
    history:false,
    modes: ['code', 'form', 'text', 'tree', 'view'], // allowed modes
    error: function (err) {
      alert(err.toString());
    }
  };

  var json = parse_form.data || {};

  var editor = new JSONEditor(container, options, json);
</script>



<script type="text/javascript">
    /*Javascript解析表单结果 悬浮120*270 创建于 2014-09-20*/
var cpro_id = "u1725666";
</script>
<script src="http://cpro.baidustatic.com/cpro/ui/f.js" type="text/javascript"></script>


    <!--footer js -->

<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F1e6fd3a46a5046661159c6bf55aad1cf' type='text/javascript'%3E%3C/script%3E"));
</script>

</body>
</html>